<template>
	<view :class="['vh100',{'dark':theme == 'dark'}]">
		
		<span  v-for="item in list" @click="funsItemClick(item.link)" :key="item.name" class="ptb20 ft14 flex alcenter between plr10 bdb_blue3">
			<image :src="item.img" class="wt15 h15 ml10"></image>
			<span class="w70">{{item.title}}</span>
			<span class="flex alcenter"><image src="../../static/image/mores.png" class="wt15 h15 ml10"></image></span>
		</span>
		
	</view>
</template>

<script>
	import {mapState,mapActions,mapGetters} from 'vuex';
	import {info,commonCarousel} from '../../common/apiString.js'
	import {myMixins} from '@/common/myMixins.js'
	export default{
		mixins:[myMixins],
		data(){
			return {
				getEmail:'1',
				getPhone:'1',
				list:[
					{"img":"../../static/market/kraken.png","link":"https://www.kraken.com/","title":"Kraken"},
					{"img":"../../static/market/coinbase.png","link":"https://www.coinbase.com/","title":"Coinbase"},
					{"img":"../../static/market/gemini.png","link":"https://www.gemini.com/","title":"Gemini"},
					{"img":"../../static/market/trust.png","link":"https://trustwallet.com/","title":"Trust"},
					{"img":"../../static/market/crypto.png","link":"https://crypto.com/us/","title":"Crypto"},
					{"img":"../../static/market/binance.us.png","link":"https://www.binance.us/en","title":"Binance.us"},
					{"img":"../../static/market/cex.io.png","link":"https://cex.io/","title":"CEX.IO"},
					{"img":"../../static/market/OKX.png","link":"https://www.okx.com/cn","title":"OKX"},
					{"img":"../../static/market/huobi.png","link":"https://www.huobi.com/en-us/","title":"Houbi"},
					{"img":"../../static/market/bitcoin.png","link":"https://www.bitcoin.de/en","title":"Bitcoin.de"},
					{"img":"../../static/market/bitflyer.png","link":"https://bitflyer.com/sp/index","title":"Bitflyer"},
					{"img":"../../static/market/btcbox.png","link":"https://www.btcbox.co.jp/","title":"Btcbox"},
					]
			}
		},
		computed:{
			...mapState({
			  theme:state=>state.theme
			}),
		},
		onLoad() {
			uni.setNavigationBarTitle({
				title:this.$t('ieo').buycoin
			})
			this.$utils.setTheme(this.theme);
			this.getlist()
		},
		onShow(){
		},
		methods: {
			 getlist(){
				this.$utils.initData({
					url: commonCarousel,
					data: {
						type: "FASTBUY"
					},
					type: 'POST'
				}, (res, msg) => {
					this.list = res;
					
				})
			},
			funsItemClick(href) {
					
					// #ifdef APP
					//移动端
					plus.runtime.openURL(href)
					// #endif
					//#ifdef H5
					//window.location.href = this.mycontact;
					this.$utils.openoutherurl(href);
					//#endif
			},
		},
		
	}
</script>

<style lang="scss">
	.vh100 {
	    min-height: 100vh;
	    padding: 2vw;
	}
	.w70{
		width: 70vw;
	}
</style>
